<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title langWord="t:Solution">Solution</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../resources/css/mui.css">
		<link rel="stylesheet" href="../../resources/css/style.css">
		<link rel="stylesheet" href="../../resources/css/solution/category.css">
		<script src="../../resources/assets/mui.js"></script>
		<script src="../../resources/assets/avalon.js"></script>
		<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
		<script src="../../resources/js/lang/en.js"></script>
		<script src="../../resources/js/dahua.config.js"></script>
		<script src="../../resources/js/common.js"></script>
		<script src="../../resources/js/solution/category.js"></script>
	</head>

	<body ms-controller="categoryPage">

		<input type="hidden" value="" id="uid" />

		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<a class="mui-icon mui-pull-left mui-icon-white ml5" href="../product/search.html">
				<i class="icon icon_search"></i>
			</a>
			<h1 id="title" class="mui-title" langWord="t:Solution">
				Solution
			</h1>
			<a class="mui-icon mui-pull-right mui-icon-white mr5" href="../message/list.html">
				<i class="icon icon_message"></i>
			</a>
		</header>

		<div id="category" class="mui-content mui-scroll-wrapper whitebg">
			<div class="mui-scroll">
				<!--图片滚动-->
				<div id="slider" class="mui-slider mui-hidden" style="z-index: 99999;">
					<div class="mui-slider-group mui-slider-loop" >

						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="javascript:void(0);" 
								ms-attr="{'type': @banners.last.linkType,'url': @banners.last.linkUrl}">
								<img ms-attr="{src: @banners.last.path}" class="sliderImg">
							</a>
						</div>

						<div class="mui-slider-item" ms-for='(i,banner) in @banners.items'>
							<a href="javascript:void(0);"
								ms-attr="{'type': @banner.linkType,'url': @banner.linkUrl}">>
								<img ms-attr="{src: @banner.path}" class="sliderImg">
							</a>
						</div>

						<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="javascript:void(0);"
								ms-attr="{'type': @banners.first.linkType,'url': @banners.first.linkUrl}">
								<img ms-attr="{src: @banners.first.path}" class="sliderImg">
							</a>
						</div>
					</div>

				</div>

				<div class="mui-row" ms-class="{'mui-hidden':@categorys.length==0}">
					<div class="mui-col-xs-12 solution_box ">
						<div class="mui-col-xs-6 mui-table" ms-for='(i,category) in @categorys'>
							<a class="mui-table-cell vm" href="list.html" ms-attr="{'data-id': @category.id}">
								<img ms-if="@category.image!=null" ms-attr="{src: @category.image}" >
								<p class="category-name">{category.name}</p>
							</a>
						</div>
					</div>
				</div>

			</div>
		</div>

		<!--底部导航-->
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label" langWord="t:index_Product">Product</span>
			</a>
			<a class="mui-tab-item mui-active" href="category.html">
				<span class="mui-icon icon icon_solution active"></span>
				<span class="mui-tab-label" langWord="t:index_Solution">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label" langWord="t:index_Partner">Partner</span>
			</a>
			<a class="mui-tab-item" href="../user/user.html">
				<span class="mui-icon icon icon_usercenter"></span>
				<span class="mui-tab-label" langWord="t:index_User_Center">User Center</span>
			</a>
		</footer>

	</body>

</html>